<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- ,user-scalable=0 -->
    <title>icekylin's blog</title>
    <link rel="stylesheet" href="./static/css/reset.css" />
    <link rel="stylesheet" href="./static/css/font.css" />
    <link rel="stylesheet" href="./static/css/global.css" />
    <link rel="stylesheet" href="./static/css/header.css" />
    <link rel="stylesheet" href="./static/css/article.css" />
    <link rel="stylesheet" href="./static/css/footer.css" />
    <!-- <script src="https://at.alicdn.com/t/font_1882118_xrvpm027lgn.js"></script> -->
  </head>
  <body>
    <div id="page">
      <div id="header-wrapper">
        <header>
          <div id="header-logo" class="grabient-text">
            icekylin's blog
          </div>
          <nav id="header-categorys">
            <div class="header-category">文章</div>
            <div class="header-category">手记</div>
            <div class="header-category">教程</div>
            <div class="header-category">生活</div>
          </nav>
        </header>
      </div>

      <div id="article-wrapper">
        <div id="columns" class="clearfix">
          <div id="sidebar">
            <div id="sidebar-blogger" class="card"></div>
            <div id="sidebar-recents" class="card"></div>
            <div id="sidebar-categories" class="card"></div>
            <div id="sidebar-archives" class="card"></div>
            <div id="sidebar-tags" class="card"></div>
          </div>
          <article class="card">
            <div id="h1-img-wrapper">
              <div id="h1-img">
                <img src="./static/img/vector_landscape_2.svg" />
              </div>
            </div>
            <h1>秋夜</h1>
            <div id="article-inner-wrapper">
              <div id="article-msg">
                <div id="article-date">1924 / 9 / 15</div>
                <div id="article-avatar">
                  <img src="./static/img/avatar-luxun.png" width="32px" />
                </div>
                <div id="article-author">鲁迅</div>
              </div>
              <p>
                在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。
              </p>
              <p>
                这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花草上。
              </p>
              <p>
                我不知道那些花草真叫什么名字，人们叫他们什么名字。我记得有一种开过极细小的粉一红花，现在还开着，但是更极细小了，她在冷的夜气中，瑟缩地做梦，梦
                见春的到来，梦见秋的到来，梦见瘦的诗人将眼泪擦在她最末的花一瓣上，告诉她秋虽然来，冬虽然来，而此后接着还是春，胡蝶乱飞，蜜蜂都唱起春词来了。她于是一笑，虽然颜色冻得红惨惨地，仍然瑟缩着。
              </p>
              <p>
                枣树，他们简直落尽了叶子。先前，还有一两个孩子来打他们别人打剩的枣子，现在是一个也不剩了，连叶子也落尽了。他知道小粉一红花的梦，秋后要有春;他
                也知道落叶的梦，春后还是秋。他简直落尽叶子，单剩干子，然而脱了当初满树是果实和叶子时候的弧形，欠伸得很舒服。但是，有几枝还低亚着，护定他从打枣的
                竿梢所得的皮伤，而最直最长的几枝，却已默默地铁似的直刺着奇怪而高的天空，使天空闪闪地鬼眼;直刺着天空中圆满的月亮，使月亮窘得发白。
                鬼眼的天空越加非常之蓝，不安了，仿佛想离去人间，避开枣树，只将月亮剩下。然而月亮也暗暗地躲到东边去了。而一无所有的干子，却仍然默默地铁似的直刺着奇怪而高的天空，一意要制他的死命，不管他各式各样地着许多蛊惑的眼睛。
                哇的一声，夜游的恶鸟飞过了。
              </p>
              <p>
                我忽而听到夜半的笑声，吃吃地，似乎不愿意惊动睡着的人，然而四围的空气都应和着笑。夜半，没有别的人，我即刻听出这声音就在我嘴里，我也即刻被这笑声所驱逐，回进自己的房。灯火的带子也即刻被我旋高了。
                后窗的玻璃上丁丁地响，还有许多小飞虫乱撞。不多久，几个进来了，许是从窗纸的破孔进来的。他们一进来，又在玻璃的灯罩上撞得丁丁地响。一个从上面撞
                进去了，他于是遇到火，而且我以为这火是真的。两三个却休息在灯的纸罩上喘气。那罩是昨晚新换的罩，雪白的纸，折出波浪纹的叠痕，一角还画出一枝猩红色的
                栀子。
              </p>
              <p>
                猩红的栀子开花时，枣树又要做小粉一红花的梦，青葱地弯成弧形了……我又听到夜半的笑声;我赶紧砍断我的心绪，看那老在白纸罩上的小青虫，头大尾小，向日葵子似的，只有半粒小麦那么大，遍身的颜色苍翠得可爱，可怜。
                我打一个呵欠，点起一支纸烟，喷一出烟来，对着灯默默地敬奠这些苍翠精致的英雄们。
              </p>
              <p>一九二四年九月十五日。</p>
              <div id="article-tags">
                <div id="article-tags-info">
                  <i class="ikbiconfont icon-article-tags-info">&#xe610;</i>
                </div>
                <div class="article-tags-tag"><a href="">散文</a></div>
                <div class="article-tags-tag"><a href="">鲁迅</a></div>
                <div class="article-tags-tag"><a href="">秋夜</a></div>
              </div>
              <div id="article-lastupdate">
                <i class="ikbiconfont icon-article-lastupdate">&#xe8d9;</i>
                <span>最后更新于：2020 / 6 / 28</span>
              </div>
            </div>
          </article>
        </div>
      </div>

      <div id="footer-wrapper">
        <footer>
          <div id="footer-inner-wrapper">
            <div id="footer-logo">
              <span class="grabient-text">icekylin's blog</span>
              <nav id="footer-logo-msg">
                <a href=""
                  ><i class="ikbiconfont icon-footer-logo-msg">&#xe8b8;</i></a
                >
                <a href=""
                  ><i class="ikbiconfont icon-footer-logo-msg">&#xe8de;</i></a
                >
                <a href=""
                  ><i class="ikbiconfont icon-footer-logo-msg">&#xe8af;</i></a
                >
              </nav>
            </div>
            <nav class="footer-nav-nav">
              <div><a href="">文章</a></div>
              <div><a href="">技术杂谈</a></div>
              <div><a href="">测评</a></div>
              <div><a href="">解词释义</a></div>
              <div><a href="">知乎</a></div>
            </nav>
            <nav class="footer-nav-nav">
              <div><a href="">手记</a></div>
              <div><a href="">编程语言</a></div>
              <div><a href="">前端</a></div>
              <div><a href="">数据库</a></div>
              <div><a href="">琐事</a></div>
            </nav>
            <nav class="footer-nav-nav">
              <div><a href="">教程</a></div>
              <div><a href="">编程语言</a></div>
              <div><a href="">前端</a></div>
              <div><a href="">数据库</a></div>
              <div><a href="">Markdown</a></div>
            </nav>
            <nav class="footer-nav-nav">
              <div><a href="">生活</a></div>
              <div><a href="">谈天说地</a></div>
              <div><a href="">欲辨已忘言</a></div>
              <div><a href="">游山玩水</a></div>
              <div><a href="">时评</a></div>
            </nav>
            <nav id="footer-nav-socialmedia">
              <a href=""
                ><i class="ikbiconfont icon-footer-nav-socialmedia"
                  >&#xe912;</i
                ></a
              >
              <a href=""
                ><i class="ikbiconfont icon-footer-nav-socialmedia"
                  >&#xe938;</i
                ></a
              >
              <a href=""
                ><i class="ikbiconfont icon-footer-nav-socialmedia"
                  >&#xeced;</i
                ></a
              >
              <a href=""
                ><i class="ikbiconfont icon-footer-nav-socialmedia"
                  >&#xed20;</i
                ></a
              >
              <a href=""
                ><i class="ikbiconfont icon-footer-nav-socialmedia"
                  >&#xecd5;</i
                ></a
              >
              <a href=""
                ><i class="ikbiconfont icon-footer-nav-socialmedia"
                  >&#xebcf;</i
                ></a
              >
              <a href="https://github.com/ice-kylin"
                ><i class="ikbiconfont icon-footer-nav-socialmedia"
                  >&#xeba0;</i
                ></a
              >
            </nav>
            <div class="horizontal-dividing-line"></div>
            <div id="footer-copyleft">
              <p>
                Code licensed under
                <a
                  class="grabient-text"
                  href="https://www.gnu.org/licenses/gpl-3.0.txt"
                  >GNU General Public License v3.0</a
                >, documentation under
                <a
                  class="grabient-text"
                  href="https://creativecommons.org/licenses/by-nc/4.0/deed.zh"
                  >CC BY NC 4.0</a
                >. Made with love by icekylin.
              </p>
            </div>
          </div>
          <div id="footer-socialmedia">
            <a href=""
              ><i class="ikbiconfont icon-footer-socialmedia">&#xe912;</i></a
            >
            <a href=""
              ><i class="ikbiconfont icon-footer-socialmedia">&#xe938;</i></a
            >
            <a href=""
              ><i class="ikbiconfont icon-footer-socialmedia">&#xeced;</i></a
            >
            <a href=""
              ><i class="ikbiconfont icon-footer-socialmedia">&#xed20;</i></a
            >
            <a href=""
              ><i class="ikbiconfont icon-footer-socialmedia">&#xecd5;</i></a
            >
            <a href=""
              ><i class="ikbiconfont icon-footer-socialmedia">&#xebcf;</i></a
            >
            <a href="https://github.com/ice-kylin"
              ><i class="ikbiconfont icon-footer-socialmedia">&#xeba0;</i></a
            >
          </div>
        </footer>
      </div>
    </div>
  </body>
</html>
